@(message: String)


<!doctype html>
<html lang="en" ng-app="planificacionesApp">
<head>
  <title>@message</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="@routes.Assets.at("stylesheets/planificaciones.css")"/>
</head>
<body ng-controller="PlanificacionesCtrl">
	
		<div class="filtro">
			<span class="buscarPlanificaciones">Buscar:</span> 
			<input ng-model="planificacionesBuscadas" class="filtroPlanificaciones">
		</div> 
		
		<table class="tablaPlanificaciones">
		 	<tr>
		 		<th>Fecha</th>
		 		<th>Estado</th>
		 	</tr>
			<tr ng-repeat="planificacion in planificaciones | filter:planificacionesBuscadas" ng-click="verHorarios($index)" ng-click="verHorarios()">
				<td>{{planificacion.fecha.dayOfMonth}}/{{planificacion.fecha.monthOfYear}}/{{planificacion.fecha.year}}</td>
				<td>{{planificacion.estado}}</td>
			</tr>
		</table>
	
	<div id="horarios">
		<span>Tabla de planificaciones del {{dia}}</span>
		<table class="tablaHorario">
		 	<tr>
		 		<th>Empleado</th>
				<th>Entrada</th>
		 		<th>Salida</th>
		 	</tr>
		 	<tr ng-repeat="asignacion in asignaciones">
				<td>{{asignacion.empleadoAsignado.nombre}}</td>
				<td>{{asignacion.horario.inicio.hourOfDay}}</td>
				<td>{{asignacion.horario.fin.hourOfDay}}</td>
			</tr>
		</table>
	</div>
	
  <script src="@routes.Assets.at("javascripts/angular.js")"></script>
  <script src="@routes.Assets.at("javascripts/app.js")"> </script>  
  <script src="@routes.Assets.at("javascripts/controllers.js")"></script>  
</body>
</html>